@charset "utf-8";

/* CSS Document */

@font-face {

	font-family:fine;

	src:url(../fonts/bodonibdbtbold.woff2)

}

html,body{ width:100%; height:100%;}

body{ font-family:"微软雅黑","PingFang SC",PingFangSC-Regular,"helvetica neue",tahoma,arial,"hiragino sans gb",sans-serif; font-size:14px; line-height:1.5; color:#5a5a5a; background:#fff;}

a{ text-decoration:none; color:#5a5a5a;-webkit-tap-highlight-color:transparent;}

*{ list-style:none; margin:0; border:none; outline:none; padding:0;}

.fl{ float:left;}

.fr{ float:right;}

.ov{ overflow:hidden;}

.dis{ display:block !important;}

.dn{ display:none;}

.clear{ clear:both;}

.clear:after,.clear:before{ content:""; display:block; clear:both;}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 

input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 

input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 

input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 

input,textarea{ -webkit-appearance:none;}



.swiper-wrapper{ position:relative; width:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}

.swiper-container-android .swiper-slide, .swiper-wrapper{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate(0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}

.swiper-slide{ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:100%; height:100%; position:relative;}

.swiper-pagination{ -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s; -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); z-index:10;}



/*header*/

.header{ width:100%; height:70px; position:fixed; left:0; top:0; z-index:999; background-color:rgba(51,51,51,0.6);}

.header .head{ width:87%; margin:auto;}

.header .head .logo{ height:40px; float:left; margin:15px 0;}

.header .head .logo img{ display:block; height:40px;}

.header .head .ser{ height:16px; padding-left:2vw; border-left:1px solid #fff; margin:27px 0; margin-left:1.5vw; float:right; cursor:pointer;}

.header .head .ser img{ display:block; height:16px;}

.header .head .nav{ height:70px; float:right;}

.header .head .nav .item{ display:block; float:left; margin-left:2vw; height:70px;}

.header .head .nav .item .top{ padding:0 0.5vw; height:70px; position:relative; z-index:9;}

.header .head .nav .item .top a{ display:block; font-size:16px; line-height:70px; color:#fff;}

.header .head .nav .item .top b{ width:0; height:2px; display:block; background-color:#fb0000; position:absolute; left:50%; transform:translateX(-50%); bottom:0; overflow:hidden; transition:width 0.5s;}

.header .head .nav .item:hover .top b,.header .head .nav .item.on .top b{ width:100%;}

.header .head .nav .item .bot{ width:87%; position:absolute; left:0; top:0; padding:0 6.5%; display:flex; justify-content:flex-start; align-items:center; flex-wrap:nowrap; transition:all .5s ease; opacity:0; z-index:0; height:0; background-color:#fff;}

.header .head .nav .item:hover .bot{ height:auto; opacity:1; top:70px;}

.header .head .nav .item .bot .left{ width:28%; padding-right:2%; margin:60px 0; margin-right:2%; box-sizing:border-box; border-right:1px solid #eaeaea;}

.header .head .nav .item .bot .left .bt{ font-size:26px; line-height:36px; white-space:nowrap; text-overflow:ellipsis;}

.header .head .nav .item .bot .left .wen{ color:#666; font-size:14px; line-height:24px; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis; margin-top:10px;}

.header .head .nav .item .bot .left .more{ padding-top:25px; border-top:1px dashed #cccccc; margin-top:20px;}

.header .head .nav .item .bot .left .more a:hover{ color:#fb0000;}

.header .head .nav .item .bot .right{ width:70%; margin:60px 0;}

.header .head .nav .item .bot .right ul{ width:100%; display:block; overflow:hidden; margin-top:-20px;}

.header .head .nav .item .bot .right ul li{ width:18.4%; display:block; margin-left:2%; float:left; overflow:hidden; margin-top:20px; position:relative;}

.header .head .nav .item .bot .right ul li:nth-child(5n+1){ clear:left; float:left; margin-left:0;}

.header .head .nav .item .bot .right ul li strong{ width:100%; display:block; overflow:hidden;}

.header .head .nav .item .bot .right ul li strong img{ width:100%; display:block;}

.header .head .nav .item .bot .right ul li p{ text-align:center; font-size:14px; line-height:24px; margin:10px 0; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.header .head .nav .item .bot .right ul li b{ width:0; height:2px; display:block; background-color:#fb0000; position:absolute; left:50%; transform:translateX(-50%); bottom:0; overflow:hidden; transition:width 0.5s;}

.header .head .nav .item .bot .right ul li:hover b{ width:100%;}

.header .head .nav .item .bot .right ul li:hover p{ color:#fb0000;}



/*搜索*/

.serbox{ width:100%; padding:20px 0; background-color:rgba(0,0,0,0.7); position:absolute; left:0; top:70px; z-index:111; display:none;}

.serbox .box{ width:700px; margin:auto;}

.serbox .box p{ display:block; float:left; width:630px; height:40px; background-color:#fff; padding:10px; border-radius:70px;}

.serbox .box p span{ width:560px; margin:0 10px; height:40px; float:left;}

.serbox .box p span input{ width:100%; display:block; height:40px; line-height:40px; font-size:1rem; background-color:transparent; color:#333;}

.serbox .box p a{ display:block; width:40px; height:40px; float:right; border-radius:50px; background-color:#0aa6b2;}

.serbox .box p a input{ display:block; width:40px; height:40px; background-color:#fb0000; border-radius:50px; cursor:pointer; background-image:url(../images/ser_06.png); background-position:center; background-repeat:no-repeat;}

.serbox .box b{ transform:rotateZ(45deg); transition:transform 0.2s ease-out 0s, -webkit-transform 0.2s ease-out 0s; width:25px; height:25px; cursor:pointer; display:block; float:right; margin-top:15px; position:relative; opacity:0.7;}

.serbox .close::before,.serbox .close::after{ position:absolute; content:''; background:#fff; border-radius:2px;}

.serbox .close::before{ width:5px; height:25px; left:10px; top:0px;}

.serbox .close::after{ width:25px; height:5px; left:0px; top:10px;}

.serbox .close:hover{ transform:rotateZ(225deg); opacity:1;}



/*banner*/

.banner{ width:100%; position:relative; z-index:0;}

.banner .swiper-container{ width:100%; display:block; overflow:hidden;}

.banner .swiper-container .swiper-wrapper{ z-index:0;}

.banner .swiper-container .swiper-slide{ width:100%; overflow:hidden;}

.banner .swiper-container .swiper-slide a{ width:100%; position:relative; overflow:hidden; display:block;}

.banner .swiper-container .swiper-slide img{ display:block; width:100%;}

.banner .swiper-pagination{ position:absolute; left:50%; transform:translateX(-50%); bottom:30px; z-index:99;}

.banner .swiper-pagination span{ display:block; float:left; width:10px; height:10px; background-color:#fff; border-radius:10px; margin:0 10px; opacity:1;}

.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#fb0000;}



/*走进我们*/

.abox{ width:87%; padding:6vw 6.5%; background-color:#fff;}

.abox .title{ width:100%; text-align:center;}

.abox .title b{ display:block; font-size:30px; line-height:30px;}

.abox .title p{ display:block; font-size:14px; line-height:40px; line-height:40px; text-transform:uppercase;}

.abox .title strong{ width:120px; height:2px; display:block; margin:auto; background-color:#fb0000;}

.abox .box{ width:100%; margin-top:3vw; display:flex; align-items:center;}

.abox .box .left{ width:50%;}

.abox .box .left .a01{ font-size:22px; line-height:32px;}

.abox .box .left .a02{ font-size:14px; line-height:24px; color:#929292;}

.abox .box .left .a03{ font-size:14px; margin-top:1vw; line-height:24px;}

.abox .box .left .a04{ width:130px; margin-top:2vw; margin-bottom:5px;}

.abox .box .left .a04 a{ width:100%; height:34px; line-height:34px; text-align:center; border-radius:30px; color:#fff; font-size:14px; background-color:#fb0000; overflow:hidden; display:block;}

.abox .box .right{ width:45%; margin-left:5%; border-radius:35px; box-shadow:-3px 3px 5px rgba(0,0,0,.75);}

.abox .box .right img{ width:100%; display:block;}



/*产品中心*/

.pbox{ width:87%; padding:6vw 6.5%; background-color:#f1f1f1;}

.pbox .title{ width:100%; text-align:center;}

.pbox .title b{ display:block; font-size:30px; line-height:30px;}

.pbox .title p{ display:block; font-size:14px; line-height:40px; line-height:40px; text-transform:uppercase;}

.pbox .title strong{ width:120px; height:2px; display:block; margin:auto; background-color:#fb0000;}

.pbox .box{ width:100%; margin-top:2vw;}

.pbox .box .tab_menu{ width:100%; text-align:center; display:flex; justify-content:center;}

.pbox .box .tab_menu li{ padding:0 1vw; height:38px; line-height:38px; font-size:18px; border:1px solid #fb0000; border-radius:10px; cursor:pointer; margin:0 1.67%; margin-top:1vw; min-width:8%;}

.pbox .box .tab_menu li.cur{ background-color:#fb0000; color:#fff;}

.pbox .box .tabox{ width:100%;}

.pbox .box .tabox ul{ width:100%; display:block; overflow:hidden; padding-top:1vw;}

.pbox .box .tabox ul li{ display:block; margin-top:2vw; width:23.5%; margin-left:2%; border:1px solid #fb0000; box-sizing:border-box; float:left;}

.pbox .box .tabox ul li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}

.pbox .box .tabox ul li .tu{ width:100%;}

.pbox .box .tabox ul li .tu img{ width:100%; display:block;}

.pbox .box .tabox ul li .wen{ padding:1vw; background-color:#fff;}

.pbox .box .tabox ul li .wen span{ display:block; font-size:18px; line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:bold; margin:5px 0;}

.pbox .box .tabox ul li .wen p{ display:block; font-size:14px; line-height:24px; height:48px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; overflow:hidden; margin-bottom:5px;}

.pbox .box .tabox ul li:hover .wen{ background-color:#fb0000; color:#fff;}



/*服务支持*/

.sbox{ padding:6vw 0; background-color:#fff;}

.sbox .title{ width:87%; margin:auto; text-align:center;}

.sbox .title b{ display:block; font-size:30px; line-height:30px;}

.sbox .title p{ display:block; font-size:14px; line-height:40px; line-height:40px; text-transform:uppercase;}

.sbox .title strong{ width:120px; height:2px; display:block; margin:auto; background-color:#fb0000;}

.sbox .box{ width:100%; margin-top:3vw;}

.sbox .box .item{ width:20%; float:left; position:relative;}

.sbox .box .item a>img{ width:100%; display:block;}

.sbox .box .item .mask{ width:100%; height:100%; position:absolute; left:0; top:0; text-align:center; background-color:rgba(0,0,0,0.7); transition:.5s;}

.sbox .box .item .mask p{ display:block; width:90%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); overflow:hidden;}

.sbox .box .item .mask p img{ height:4vw; display:block; margin:auto;}

.sbox .box .item .mask p span{ display:block; font-size:18px; line-height:28px; color:#fff; margin:5px auto; margin-top:15px;}

.sbox .box .item:hover .mask{ opacity:0;}



/*新闻资讯*/

.nbox{ width:87%; padding:6vw 6.5%; background-color:#f1f1f1;}

.nbox .title{ width:100%; text-align:center;}

.nbox .title b{ display:block; font-size:30px; line-height:30px;}

.nbox .title p{ display:block; font-size:14px; line-height:40px; line-height:40px; text-transform:uppercase;}

.nbox .title strong{ width:120px; height:2px; display:block; margin:auto; background-color:#fb0000;}

.nbox .box{ width:100%; padding-top:1vw;}

.nbox .box .item{ width:22%; background-color:#fff; border-radius:10px; float:left; margin-left:4%; margin-top:2vw; box-shadow:-3px 3px 5px rgba(0,0,0,.75);}

.nbox .box .item:nth-child(4n+1){ clear:left; float:left; margin-left:0;}

.nbox .box .item .tu{ width:100%;}

.nbox .box .item .tu img{ width:100%; display:block;}

.nbox .box .item .wen{ padding:1vw 1.5vw;}

.nbox .box .item .wen .n01{ display:block; font-size:18px; line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:bold;}

.nbox .box .item .wen .n02{ display:block; font-size:14px; line-height:24px; height:120px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:5; overflow:hidden; margin-top:5px;}

.nbox .box .item .wen .n03{ margin-top:10px; font-size:12px; line-height:22px; color:#999;}

.nbox .box .item .wen .n03 p{ display:block; float:left;}

.nbox .box .item .wen .n03 span{ display:block; float:right;}

.nbox .box .item .n01:hover{ color:#fb0000;}

.nbox .box .item .n03 span:hover{ color:#fb0000;}

.nbox .more{ width:130px; margin:auto; margin-top:3vw;}

.nbox .more a{ width:100%; height:34px; line-height:34px; text-align:center; border-radius:30px; color:#fff; font-size:14px; background-color:#fb0000; overflow:hidden; display:block;}



/*新闻资讯*/

.lbox{ width:87%; padding:6vw 6.5%; background-position:center; background-repeat:no-repeat; background-size:cover;}

.lbox .title{ width:100%; text-align:center;}

.lbox .title b{ display:block; font-size:30px; line-height:30px; color:#fff;}

.lbox .title p{ display:block; font-size:14px; line-height:40px; line-height:40px; text-transform:uppercase; color:#fff;}

.lbox .title strong{ width:120px; height:2px; display:block; margin:auto; background-color:#fb0000;}

.lbox .box{ width:100%; padding-top:3vw;}

.lbox .box p{ display:block; width:26%; float:left; background-color:#fff; border-radius:5px; overflow:hidden; margin-right:4.6%;}

.lbox .box p input{ display:block; width:100%; text-indent:20px; height:5.7vh; line-height:5.7vh; font-size:16px;}

.lbox .box span{ display:block; width:8%; float:right; background-color:#fff; border-radius:5px; overflow:hidden;}

.lbox .box span input{ display:block; width:100%; text-align:center; height:5.7vh; line-height:5.7vh; font-size:16px; background-color:#fb0000; color:#fff; cursor:pointer;}



/*footer*/

.footer{ width:100%; background-color:#4b4f54;}

.footer .foot{ width:87%; padding:2.5vw 6.5%;}

.footer .foot .f01{ display:block; float:left; width:13%;}

.footer .foot .f01 dt{ font-size:18px; line-height:28px; display:block; color:#fff;}

.footer .foot .f01 dd{ display:block; margin-top:0.5vw;}

.footer .foot .f01 dd a{ display:block; font-size:14px; line-height:34px; color:#fff;}

.footer .foot .f01 dd a:hover{ color:#fb0000;}

.footer .foot .f02{ width:32%; display:block; float:left; margin-right:3%;}

.footer .foot .f02 dt{ font-size:18px; line-height:28px; display:block; color:#fff;}

.footer .foot .f02 dd{ display:block; margin-top:0.5vw; padding-top:10px; overflow:hidden;}

.footer .foot .f02 dd img{ display:block; float:left; height:30px;}

.footer .foot .f02 dd p{ font-size:14px; line-height:30px; color:#fff; display:block; margin-left:10px; float:left;}

.footer .foot .f03{ width:11%; float:right; margin-left:2%;}

.footer .foot .f03 dt{ display:block; padding-top:5px;}

.footer .foot .f03 dt img{ width:100%; display:block;}

.footer .foot .f03 dd{ display:block; padding-top:15px; font-size:14px; line-height:24px; text-align:center; color:#fff;}

.footer .bq{ width:87%; padding:1vw 6.5%; border-top:1px solid #fff;}

.footer .bq p{ font-size:14px; line-height:24px; display:block; float:left; color:#fff;}

.footer .bq span{ font-size:14px; line-height:24px; display:block; float:right; color:#fff;}

.footer .bq a{ color:#fff;}



/*内页*/

@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/

    0%{

        transform:scale(1);  /*开始为原始大小*/

    }

    25%{

        transform:scale(1.1); /*放大1.1倍*/

    }

    50%{

        transform:scale(1);

    }

    75%{

        transform:scale(1.1);

    }

}

.ban{ width:100%; height:460px; position:relative; z-index:0;}

.ban .bg{ width:100%; height:100%;}

.ban .bg p{ display:block; width:100%; height:100%; background-position:center; background-repeat:no-repeat; animation:scaleDraw 30s ease-in-out infinite; position:relative; z-index:0;}

.ban .box{ width:100%; background-color:rgba(0,0,0,0.5); height:460px; position:absolute; left:0%; bottom:0; z-index:1;}

.ban .box p{ width:87%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); text-align:center;}

.ban .box p span{ display:block; color:#fff; font-size:30px; height:40px; line-height:40px; overflow:hidden; letter-spacing:5px; text-indent:5px;}

.ban .box p b{ width:70px; height:2px; display:block; margin:1.5vw auto; background-color:#fff;}

.ban .box p a{ display:block; color:#fff; font-size:18px; line-height:28px; overflow:hidden; letter-spacing:5px; text-indent:5px;}



.ban .dao{ width:87%; position:absolute; left:6.5%; height:70px; bottom:-30px; text-align:center; background-color:#f1f1f1; vertical-align:middle; z-index:9;}

.ban .dao a{ display:inline-block; height:70px; line-height:70px; font-size:16px; margin:0 15px; vertical-align:middle;}

.ban .dao a.on,.ban .dao a:hover{ color:#fb0000;}



.wei{ float:right; height:34px; line-height:34px;}

.wei p{ display:block; padding-left:25px; background-image:url(../images/home_03.jpg); background-position:left center; background-repeat:no-repeat; font-size:14px;}

.wei p span{ color:#fb0000;}

.wei p a:hover{ text-decoration:underline;} 



.main{ width:87%; margin:6vw auto; margin-top:3vw; padding-top:35px;}

.main .title{ width:100%; margin:auto;}

.main .title .left{ float:left; height:34px;}

.main .title .left p{ display:block; float:left; height:34px; line-height:34px; font-size:30px;}

.main .title .left span{ display:block; float:left; text-transform:uppercase; margin-left:10px; font-size:20px; line-height:30px; height:30px; padding-bottom:2px; background-image:url(../images/title_32.jpg); background-position:left bottom; background-repeat:no-repeat; color:#999;}



/*公司简介*/

.main .about{ width:100%; font-size:14px; line-height:1.8; margin-top:2vw;}

.main .about img{ max-width:100%; height:auto;}



/*资质荣誉*/

.main .honor{ width:100%; display:block; overflow:hidden;}

.main .honor a{ display:block; margin-top:2vw; width:23.5%; margin-left:2%; float:left; position:relative; text-align:center; overflow:hidden; cursor:pointer;}

.main .honor a:nth-child(4n+1){ clear:left; float:left; margin-left:0;}

.main .honor a img{ width:100%; display:block;}

.main .honor a b{ display:block; overflow:hidden; width:90%; position:absolute; left:0; bottom:0; padding:0 5%; font-size:16px; line-height:46px; height:46px; background-color:rgba(0,0,0,0.7); font-weight:normal; color:#fff; transition:.5s;}

.main .honor a p{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.7); display:block; transition:.5s; opacity:0;}

.main .honor a p span{ font-size:16px; color:#fff; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); display:block;}

.main .honor a:hover p{ opacity:1;}

.main .honor a:hover b{ bottom:-46px;}



.main .ry{ width:100%; display:block; overflow:hidden;}

.main .ry a{ display:block; margin-top:2vw; width:18.4%; margin-left:2%; float:left; position:relative; text-align:center; overflow:hidden; cursor:pointer;}

.main .ry a:nth-child(5n+1){ clear:left; float:left; margin-left:0;}

.main .ry a img{ width:100%; display:block;}

.main .ry a b{ display:block; overflow:hidden; width:90%; position:absolute; left:0; bottom:0; padding:0 5%; font-size:14px; line-height:36px; height:36px; background-color:rgba(0,0,0,0.7); font-weight:normal; color:#fff; transition:.5s;}

.main .ry a p{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.7); display:block; transition:.5s; opacity:0;}

.main .ry a p span{ font-size:16px; color:#fff; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); display:block;}

.main .ry a:hover p{ opacity:1;}

.main .ry a:hover b{ bottom:-46px;}



.tanbox{ width:100%; height:100%; background-color:rgba(0,0,0,0.9); position:fixed; left:0; top:0; z-index:9999; display:none;}

.tanbox .close{ font-size:30px; color:#fff; position:fixed; right:3%; top:3%; cursor:pointer;}

.tanbox .box{ width:100%; padding:1vw 5%; height:100%; box-sizing:border-box; text-align:center; vertical-align:middle; overflow:auto;}

.tanbox .box img{ max-width:25%; margin:1vw;}



.main .fanye{ text-align:center; font-size:14px; margin-top:2vw;}

.main .fanye a{ margin:0 3px; min-width:14px; padding:0 5px; height:24px; line-height:24px; background-color:#f2f2f2; border-radius:3px; display:inline-block;}

.main .fanye span{ margin:0 3px; min-width:14px; color:#fff; padding:0 5px; height:24px; line-height:24px; background-color:#fb0000; border-radius:3px; display:inline-block;}

.main .fanye a:hover{ color:#fb0000;}



/*产品中心*/

.main .pro{ width:100%; display:block; overflow:hidden;}

.main .pro li{ display:block; margin-top:2vw; width:23.5%; margin-left:2%; border:1px solid #fb0000; box-sizing:border-box; float:left;}

.main .pro li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}

.main .pro li .tu{ width:100%;}

.main .pro li .tu img{ width:100%; display:block;}

.main .pro li .wen{ padding:1vw; background-color:#fff;}

.main .pro li .wen span{ display:block; font-size:18px; line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:bold; margin:5px 0;}

.main .pro li .wen p{ display:block; font-size:14px; line-height:24px; height:48px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; overflow:hidden; margin-bottom:5px;}

.main .pro li:hover .wen{ background-color:#fb0000; color:#fff;}



/*产品内页*/

.chan{ width:100%; margin:2vw auto;}

.chan .cl{ width:40%; float:left; position:relative;}

.chan .cl .gallery-top{ width:100%; overflow:hidden;}

.chan .cl .gallery-top .swiper-slide{ width:100%;}

.chan .cl .gallery-top .swiper-slide img{ width:100%; display:block;}

.chan .cl .box{ padding:0 30px; position:relative; margin-top:10px;}

.chan .cl .gallery-thumbs{ width:100%; overflow:hidden; position:relative;}

.chan .cl .gallery-thumbs .swiper-slide{ display:block; overflow:hidden; position:relative;}

.chan .cl .gallery-thumbs .swiper-slide img{ max-width:100%;}

.chan .cl .gallery-thumbs .swiper-slide.swiper-slide-thumb-active b{ position:absolute; left:0; top:0; display:block; width:100%; height:100%; box-sizing:border-box; border:2px solid #fb0000;}

.chan .cl .swiper-button-white{ width:10px; height:18px; top:50%; margin-top:-9px; cursor:pointer; position:absolute; cursor:pointer;}

.chan .cl .swiper-button-prev{ left:0px; background-image:url(../images/left_03.jpg);}

.chan .cl .swiper-button-next{ right:0px; background-image:url(../images/right_05.jpg);}

.chan .cr{ width:55%; float:right;}

.main .cr .tou{ font-size:24px; line-height:34px; margin-top:1.5vw; font-weight:bold;}

.main .cr .wen{ font-size:14px; line-height:30px; margin-top:1vw;}

.main .cr .cr03{ padding:1.5vw 2vw; background-color:#f7f7f7; height:48px; margin-top:2vw;}

.main .cr .cr03 .boxs{ padding-left:50px; background-image:url(../images/tel.png); background-position:left center; background-repeat:no-repeat; position:relative;}

.main .cr .cr03 .boxs span{ display:block; font-size:14px; line-height:14px; height:14px; overflow:hidden;}

.main .cr .cr03 .boxs p{ display:block; font-size:24px; line-height:40px; height:34px; overflow:hidden; color:#fb0000;}

.main .cr .cr03 .boxs a{ width:120px; height:40px; text-align:center; position:absolute; right:0; top:4px; font-size:14px; line-height:40px; border-radius:5px; background-color:#fb0000; color:#fff; display:block;}



.main .cp{ width:100%; margin:auto;}

.main .cpx{ width:100%; background-image:url(../images/ptt.jpg); background-position:left bottom; background-repeat:repeat-x; height:54px;}

.main .cpx p{ display:block; float:left; margin-right:3vw; font-size:24px; height:54px; line-height:54px; font-weight:bold; position:relative; cursor:pointer;}

.main .cpx p.on{ color:#fb0000;}

.main .cpx p.on b{ width:100%; height:2px; background-color:#fb0000; display:block; position:absolute; left:0; bottom:0;}

.main .cp .wenz{ width:100%; margin:auto; font-size:14px; margin-top:2vw;}

.main .cp .wenz img{ max-width:100% !important; height:auto !important;}



/*新闻资讯*/

.main .news{ width:100%;}

.main .news .item{ width:22%; background-color:#fff; border-radius:10px; float:left; margin-left:4%; margin-top:2vw; box-shadow:-3px 3px 5px rgba(0,0,0,.75);}

.main .news .item:nth-child(4n+1){ clear:left; float:left; margin-left:0;}

.main .news .item .tu{ width:100%;}

.main .news .item .tu img{ width:100%; display:block;}

.main .news .item .wen{ padding:1vw 1.5vw;}

.main .news .item .wen .n01{ display:block; font-size:18px; line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:bold;}

.main .news .item .wen .n02{ display:block; font-size:14px; line-height:24px; height:120px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:5; overflow:hidden; margin-top:5px;}

.main .news .item .wen .n03{ margin-top:10px; font-size:12px; line-height:22px; color:#999;}

.main .news .item .wen .n03 p{ display:block; float:left;}

.main .news .item .wen .n03 span{ display:block; float:right;}

.main .news .item .n01:hover{ color:#fb0000;}

.main .news .item .n03 span:hover{ color:#fb0000;}



/*新闻内页*/

.row04{ width:100%; margin-top:2vw;}

.row04 .lbar{ width:70%; float:left;}

.row04 .lbar .bt{ text-align:center; color:#fb0000; font-size:24px; line-height:34px;}

.row04 .lbar .sj{ text-align:center; color:#999; font-size:14px; line-height:32px; height:37px; border-bottom:1px solid #eee;}

.row04 .lbar .wen{ font-size:14px; line-height:24px; margin-top:2vw;}

.row04 .lbar .wen img{ max-width:100%; height:auto;}

.row04 .lbar .back{ margin-top:2vw; padding-top:1vw; border-top:1px solid #eee; position:relative;}

.row04 .lbar .back p{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; margin-top:6px;}

.row04 .lbar .back p a{ max-width:700px; overflow:hidden; display:inline-block; vertical-align:middle; height:24px;}

.row04 .lbar .back p a:hover{ color:#fb0000;}

.row04 .lbar .back span{ position:absolute; right:0; top:1vw; font-size:14px; height:24px; line-height:24px;}

.row04 .lbar .back span a:hover{ color:#fb0000;}



.row04 .rbar{ width:25%; border:1px solid #ddd; border-top:2px solid #fb0000; float:right; margin:5px 0;}

.row04 .rbar .title{ padding-left:5%; font-size:18px; height:50px; line-height:50px; border-bottom:1px solid #ddd;}

.row04 .rbar ul{ display:block; padding:4px 5%; padding-bottom:1.5vw;}

.row04 .rbar ul li{ display:block; width:100%; margin-top:1.5vw; overflow:hidden;}

.row04 .rbar ul li strong{ width:100%; display:block; overflow:hidden;}

.row04 .rbar ul li strong img{ width:100%; display:block;}

.row04 .rbar ul li p{ display:block; overflow:hidden; font-size:16px; height:26px; line-height:26px; padding-top:5px;}

.row04 .rbar ul li span{ display:block; overflow:hidden; font-size:14px; height:22px; line-height:22px; color:#999;}

.row04 .rbar ul li:hover p{ color:#fb0000;}



/*在线留言*/

.lx02{ width:100%; margin-top:2vw; height:500px; position:relative;}

.lx02 .left{ width:500px; position:absolute; left:0; top:0; z-index:0;}

.lx02 .left img{ width:100%; display:block;}

.lx02 .right{ width:780px; padding:30px; padding-top:93px; float:right; background-image:url(../images/lx03.png); background-position:right top; background-repeat:no-repeat; margin-top:17px; overflow:hidden; height:420px; position:relative; z-index:2;}

.lx02 .right .r01{ float:left; margin-top:20px; width:360px;}

.lx02 .right .r01 span{ display:block; float:left; text-align:right; width:70px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}

.lx02 .right .r01 span a{ color:#da0000;}

.lx02 .right .r01 input{ display:block; float:left; width:280px; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}

.lx02 .right .r02{ float:left; margin-top:20px; width:360px; margin-left:60px; position:relative;}

.lx02 .right .r02 span{ display:block; float:left; text-align:right; width:70px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}

.lx02 .right .r02 input{ display:block; float:left; width:280px; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}

.lx02 .right .r02 a{ width:80px; height:34px; position:absolute; right:5px; top:5px; display:block; overflow:hidden;}

.lx02 .right .r02 a img{ display:block; width:100%; height:34px;}

.lx02 .right .r03{ float:left; margin-top:20px; width:780px;}

.lx02 .right .r03 span{ display:block; float:left; text-align:right; width:70px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}

.lx02 .right .r03 textarea{ display:block; float:left; width:680px; padding:10px; height:60px; line-height:24px; font-size:14px; background-color:#fff; overflow:auto;}

.lx02 .right .r05{ float:left; margin-top:20px; width:780px; position:relative;}

.lx02 .right .r05 span{ margin-left:80px; display:block; float:left; height:42px; line-height:42px; font-size:16px;}

.lx02 .right .r05 input{ width:120px; height:42px; line-height:42px; text-align:center; font-size:16px; color:#fff; cursor:pointer; background:#fb0000; display:block; float:right;}



/*联系我们*/

.lx01{ width:100%; margin-top:2vw; display:flex; align-items:center;}

.lx01 #map{ width:50%; height:400px; margin-right:5%;}

.lx01 .right{ width:45%; display:block;}

.lx01 .right li{ padding-left:70px; display:block; margin:1vw 0; background-position:left top; background-repeat:no-repeat;}

.lx01 .right li span{ display:block; font-size:14px; line-height:24px; overflow:hidden;}

.lx01 .right li p{ display:block; font-size:18px; line-height:28px; overflow:hidden;}



/*招贤纳士*/

.lx03{ width:100%; margin-top:2vw; border-top:5px solid #fb0000;}

.lx03 .bt{ width:100%; background-color:#f1f1f1; height:50px; line-height:50px; font-size:16px; text-align:center;}

.lx03 .bt p{ display:block; float:left; overflow:hidden;}

.lx03 .bt p:nth-child(1){ width:25%;}

.lx03 .bt p:nth-child(2){ width:15%;}

.lx03 .bt p:nth-child(3){ width:15%;}

.lx03 .bt p:nth-child(4){ width:15%;}

.lx03 .bt p:nth-child(5){ width:15%;}

.lx03 .bt p:nth-child(6){ width:15%;}

.lx03 .tou{ width:100%; height:50px; line-height:50px; font-size:14px; text-align:center; border-bottom:1px solid #eee;}

.lx03 .tou a{ display:none; color:#fb0000;}

.lx03 .tou span{ display:block; color:#fb0000;}

.lx03 .tou.cur span{ display:none;}

.lx03 .tou.cur a{ display:block;}

.lx03 .tou p{ display:block; float:left; overflow:hidden;}

.lx03 .tou p:nth-child(1){ width:25%;}

.lx03 .tou p:nth-child(2){ width:15%;}

.lx03 .tou p:nth-child(3){ width:15%;}

.lx03 .tou p:nth-child(4){ width:15%;}

.lx03 .tou p:nth-child(5){ width:15%;}

.lx03 .tou p:nth-child(6){ width:15%; cursor:pointer;}

.lx03 .cont{ padding:2vw; padding-top:1vw; background-color:#f7f7f7; display:none;}

.lx03 .cont .wen{ font-size:14px; line-height:30px;}

.lx03 .cont .lx{ margin-top:0.5vw; display:block;}

.lx03 .cont .lx dt{ width:48%; float:left; margin-right:4%; overflow:hidden;}

.lx03 .cont .lx dd{ width:48%; float:left; overflow:hidden;}

.lx03 .cont .lx span{ display:block; font-size:14px; line-height:30px;}

.lx03 .cont .lx p{ display:block; font-size:14px; line-height:24px; color:#666;}



/*服务网点*/

.cpbg{ border-bottom:#fff 1px solid; border-right:#fff 1px solid; margin-top:2vw;}

.cpbg tr:nth-child(even){ background-color:#f8f8f8;}

.cpbg tr:nth-child(odd){ background-color:#eaeaea;}

.cpbg tr td{ text-align:center; border-left:#fff 1px solid; line-height:2.2; font-size:14px; border-top:#fff 1px solid; padding-top:5px; padding-bottom:5px; color:#333;}



/*弹框*/

#btn1{ cursor: pointer;}

.xcConfirm .xc_layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666666; opacity: 0.5; z-index: 2147000000;}

.xcConfirm .popBox{position: fixed; left: 50%; top: 50%; padding-bottom: 20px; background-color: #ffffff; z-index: 2147000001; width: 570px; margin-left: -285px; margin-top: -160px; border-radius: 5px; font-weight: bold; color: #535e66;}

.xcConfirm .popBox .ttBox{height: 30px; line-height: 30px; padding: 14px 30px; border-bottom: solid 1px #eef0f1;}

.xcConfirm .popBox .ttBox .tt{font-size: 18px; display: block; float: left; height: 30px; position: relative;}

.xcConfirm .popBox .ttBox .clsBtn{display: block; cursor: pointer; width: 12px; height: 12px; position: absolute; top: 22px; right: 30px; background: url(__PUBLIC__/Home/PC/images/icons.png) -48px -96px no-repeat;}

.xcConfirm .popBox .txtBox{margin: 40px 100px; overflow: hidden;}

.xcConfirm .popBox .txtBox .bigIcon{float: left; margin-right: 20px; width: 48px; height: 48px; background-image: url(__PUBLIC__/Home/PC/images/icons.png); background-repeat: no-repeat; background-position: 48px 0;}

.xcConfirm .popBox .txtBox p{ margin-top: 16px; line-height: 26px; overflow-x: hidden; overflow-y: auto;}

.xcConfirm .popBox .btnArea{border-top: solid 1px #eef0f1;}

.xcConfirm .popBox .btnGroup{float: right;}

.xcConfirm .popBox .btnGroup .sgBtn{margin-top: 14px; margin-right: 10px;}

.xcConfirm .popBox .sgBtn{display: block; cursor: pointer; float: left; width: 95px; height: 35px; line-height: 35px; text-align: center; color: #FFFFFF; border-radius: 5px;}

.xcConfirm .popBox .sgBtn.ok{background-color: #0095d9; color: #FFFFFF;}

.xcConfirm .popBox .sgBtn.cancel{background-color: #546a79; color: #FFFFFF;}